<html>

<head>
    <meta charset="utf8">
    <script type="text/javascript" src="lib/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <link href="css/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/MCNCard.css" rel="stylesheet">
</head>

<body style="min-width:550px;min-height: 380px;">
    <div class="container">
        <div class="row text-center" style="background-color: #0084FF;color: white;">
            <!-- <h5>知乎商品橱窗插件</h5> -->
            <h5>知乎带货小插件 —— 零柒(微信:wjt15989082884)<span id="help_button" class="q_cursor" style="margin-right:30px;float: right;">帮助</span></h5>
        </div>
        <div id="login_modal" class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">

                    <h4 class="modal-title text-center" id="myModalLabel">登录</h4>
                </div>
                <div class="modal-body" id="model-body">
                    <div class="form-group">

                        <input id="mail" type="text" class="form-control" placeholder="登录邮箱" autocomplete="off">
                    </div>
                    <div class="form-group">

                        <input id="pwd" type="password" class="form-control" placeholder="密码" autocomplete="off">
                    </div>
                    <div class="text-center" style="color: red;font-size: 10px;">
                        <span id="note"></span>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="form-group">
                        <button id="loginbutton" type="button" class="btn btn-primary form-control"
                            style="background-color: #0084FF;color: white;">登录</button>
                    </div>
                    <div class="form-group">
                        <button id="regiserbutton" type="button" class="btn btn-default form-control">注册</button>
                    </div>
                    <div class="form-group">
                        <button id="forgetbutton" type="button" class="btn btn-default form-control">重置密码</button>
                    </div>

                </div>
            </div><!-- /.modal-content -->
        </div>
        <div id="register_modal" class="modal-dialog" style="display: none;">
            <div class="modal-content">
                <div class="modal-header">

                    <h4 class="modal-title text-center">注册</h4>
                </div>
                <div class="modal-body" id="model-body">
                    <div class="form-group">
                        <input id="re_mail" type="text" class="form-control" placeholder="登录邮箱" autocomplete="off">
                    </div>
                    <div class="form-group">
                        <input id="re_pwd" type="password" class="form-control" placeholder="密码" autocomplete="off">
                    </div>
                    <div class="form-group">
                        <input id="re_pwd_se" type="password" class="form-control" placeholder="密码" autocomplete="off">
                    </div>
                    <div class="text-center" style="color: red;font-size: 10px;">
                        <span id="re_note"></span>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="form-group">
                        <button id="re_regiserbutton" type="button" class="btn btn-default form-control">注册</button>
                    </div>

                </div>
            </div><!-- /.modal-content -->
        </div>
        <div id="forget_modal" class="modal-dialog" style="display: none;">
            <div class="modal-content">
                <div class="modal-header">

                    <h4 class="modal-title text-center">重置密码</h4>
                </div>
                <div class="modal-body" id="model-body">
                    <div class="form-group">
                        <input id="for_mail" type="text" class="form-control" placeholder="登录邮箱" autocomplete="off">
                    </div>
                    <div class="form-group">
                        <button id="seccodebutton" type="button" class="btn btn-primary form-control">获取验证码</button>
                    </div>
                    <div class="form-group">
                        <input id="for_pwd" type="password" class="form-control" placeholder="新密码" autocomplete="off">
                    </div>
                    <div class="form-group">
                        <input id="seccode" type="text" class="form-control" placeholder="验证码" autocomplete="off">
                    </div>
                    <div class="text-center" style="color: red;font-size: 10px;">
                        <span id="for_note"></span>
                    </div>
                </div>
                <div class="modal-footer">
                    
                    <div class="form-group">
                        <button id="re_forgetbutton" type="button" class="btn btn-default form-control">提交</button>
                    </div>

                </div>
            </div><!-- /.modal-content -->
        </div>
        <div id="content" style="margin-top:10px;display: none;">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active"><a id="zcpf_tab" data-toggle="tab">种草评分</a></li>
                <!-- <li><a id="follow_q_tab" data-toggle="tab">问题监控</a></li> -->
                <li><a id="collect_content_tab" data-toggle="tab">失效商品</a></li>
                <li><a id="cp_tab" data-toggle="tab">回答/文章查重</a></li>
                <li><a id="vip_tab" data-toggle="tab">开通/续费会员</a></li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade " id="follow_q">
                    <div style="margin:20px;">
                        <div class="form-group">
                            <input id="question_link" type="text" class="form-control" autocomplete="off" placeholder="请输入问题链接">
                        </div>
                        <div class="form-group">
                            <button id="follow_q_button" type="button" class="btn btn-primary" style="width: 100%;">加入监控</button>
                        </div>

                        <div>
                            <table class="table table-stripe" style="font-size: 13px;">
                                <caption id="follow_tips" style="color: red;"></caption>
                                <caption>测试功能仅能增加一个问题</caption>
                                <thead>
                                    <tr>
                                        <th style="min-width: 260px;">标题</th>
                                        <th style="min-width: 100px;">增量</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody id="follow_body">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="collect_content">
                    <div style="margin:20px;">
                        <span>仅支持京东和淘宝</span><span>（失效链接判定：1、商品下架；2、过了推广期，无佣）</span>
                        <div class="form-group">
                            <button id="check_button" type="button" class="btn btn-primary" style="width: 100%;" disabled>一键检查失效连接</button>
                        </div>
                        <div><span id="check_mcn_message" style="color: red;margin-left:20px">请先登陆知乎，一键检查帐号所有回答和文章</span></div>  
                        <hr style="margin-top: 5px;margin-bottom: 5px;"/>
                        <div id="answer_list" style="margin:20px">
                            <caption>回答列表</caption>
                        </div>
                        <hr style="margin-top: 5px;margin-bottom: 5px;"/>
                        <div id="article_list" style="margin:20px">
                            <caption>文章列表</caption>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade in active" id="zcpf">
                    <div id="single_key" style="margin:20px;">
                        <div class="form-group">
                            <input id="keyword" type="text" class="form-control" placeholder="关键词" autocomplete="off">
                        </div>
                        <div class="form-group">
                            <button id="keyword_ser" type="button" class="btn btn-primary " style="width: 49%;">查询种草评分</button>
                            <button id="mul_ser_change" type="button" class="btn btn-primary " style="width: 49%;" disabled>批量及历史</button>
                        </div>

                        <table class="table table-bordered" style="font-size: 12px;">
                            <caption>搜索前10个问题和每个问题前10条回答</caption>
                            <thead>
                                <tr>
                                    <th>问题总数</th>
                                    <th>关注总数</th>
                                    <th>浏览总数</th>
                                    <th>回答总数</th>
                                    <th>前十平均点赞</th>
                                    <th>前十平均购物卡</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td id="question_num"></td>
                                    <td id="follower_sum"></td>
                                    <td id="visit_sum"></td>
                                    <td id="answer_num"></td>
                                    <td id="answer_yes"></td>
                                    <td id="mcn_num"></td>
                                </tr>
                            </tbody>
                            <caption>得分:<span id="pf_caption" class="q_mcn_num"></span>，大于200可视为优秀关键词，仅供参考</caption>
                        </table>

                        <table class="table table-stripe" style="vertical-align: middle;font-size: 13px;">
                            <thead>
                                <tr>
                                    <th>评分</th>
                                    <th>标题</th>
                                </tr>
                            </thead>
                            <tbody id="ques_body">
                            </tbody>
                        </table>
                    </div>
                    <div id="multi_key" style="margin:20px;display: none;">
                        <div class="form-group">
                            <textarea id="multi_keyword" placeholder="一次最多查询五个关键词，如有超额关键词，只取前五。&#10;举例：&#10;手机&#10;电脑&#10;华为&#10;杯子&#10;鼠标" class="form-control" style="resize:none;min-height: 180px;"></textarea>
                        </div>
                        <div class="form-group">
                            <button id="multi_key_ser" type="button" class="btn btn-primary " style="width: 400px;">批量查询种草评分</button>
                            <button id="single_ser_change" type="button" class="btn btn-primary " style="float: right;">单个</button>
                        </div>

                        <table class="table table-stripe" style="font-size: 13px;">
                            <caption>搜索历史</caption>
                            <thead>
                                <tr>
                                    <th style="min-width: 100px;">关键字</th>
                                    <th style="min-width: 100px;">评分<span id="multi_history_srot" class="glyphicon glyphicon-arrow-down q_cursor"></span></th>
                                    <th>最高分问题</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody id="multi_ques_body">
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="tab-pane fade" id="cp">
                    <div style="margin:20px;">
                        <div class="form-group">
                            <textarea id="cp_text" placeholder="请输入文章" class="form-control" style="resize:none;min-height: 220px;"></textarea>
                        </div>
                        <div class="form-group">
                            <button id="cp_check_button" type="button" class="btn btn-primary " style="width: 100%;" disabled>查重</button>
                        </div>
                        <caption>查重结果:<span id="cp_check_res" style="color:red">未开始</span></caption>
                        <div id="show_text" style="white-space:pre-wrap; white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap; word-wrap:break-word;">
                            
                        </div>
                        <div>
                            <table class="table table-stripe" style="font-size: 13px;">
                                
                                <thead>
                                    <tr>
                                        <th style="min-width: 100px;">段落</th>
                                        <th style="min-width: 100px;">程度</th>
                                        <th>文字</th>
                                        <th>字数</th>
                                    </tr>
                                </thead>
                                <tbody id="cp_check_table">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="vip">
                    <div style="margin:20px;">
                        <div id="lasttime">会员到期时间:<span style="color: red;font-size: 18px;"></span></div>
                    
                        <div id="pay_buttons" class="form-group">
                            
                        </div>

                        <div style="text-align:center">
                            <span id="paymsg" style="display: none;">请用微信扫码支付</span>
                        </div>
                        <div class="form-group" style="text-align:center">
                            <img id="pay_code" style="display: none;width: 300ox;height: 300px;" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>